@charset "UTF-8";
/* 主题样式定义 */
:root {
  /* 亮色模式变量 */
  --el-color-primary: #409EFF;
  /* 菜单变量 - 亮色模式 */
  --el-menu-bg-color: #ffffff;
  --el-menu-text-color: #303133;
  --el-menu-active-text-color: #409EFF;
  --el-fill-color-light: #f5f7fa;
  /* 自定义变量 - 亮色模式 */
  --app-bg-color: #edeeee;
  --app-text-color: #303133;
  --app-border-color: #adb2bc;
  --app-hover-color: #f5f7fa;
  --app-header-bg-color: #ffffff;
  --app-header-border-color: #e4e7ed;
  --app-logo-bg-color: #ffffff;
  --app-logo-text-color: #303133;
  --app-submenu-title-bg-color: #ffffff;
  --app-submenu-title-text-color: #303133;
  --app-sidebar-active-color: #f0f7ff;
  --app-submenu-bg-color: #ffffff;
}

/* 暗色模式变量 */
html.dark {
  --el-color-primary: #409EFF;
  /* 菜单变量 - 暗色模式 */
  --el-menu-bg-color: #1f2d3d;
  --el-menu-text-color: #e0e0e0;
  --el-menu-active-text-color: #409EFF;
  --el-fill-color-light: #141414;
  /* 自定义变量 - 暗色模式 */
  --app-bg-color: #141414;
  --app-text-color: #e0e0e0;
  --app-border-color: #676a70;
  --app-hover-color: #2c2c2c;
  --app-header-bg-color: #1f2d3d;
  --app-header-border-color: #434343;
  --app-logo-bg-color: #1f2d3d;
  --app-logo-text-color: #e0e0e0;
  --app-submenu-title-bg-color: #1f2d3d;
  --app-submenu-title-text-color: #e0e0e0;
  --app-sidebar-active-color: #2c3e50;
  --app-submenu-bg-color: #1f2d3d;
  /* Element Plus 暗黑模式覆盖 */
  --el-bg-color: #141414;
  --el-bg-color-overlay: #1d1e1f;
  --el-text-color-primary: #e0e0e0;
  --el-text-color-regular: #cfd3dc;
  --el-border-color-light: #4c4d4f;
  --el-border-color: #4c4d4f;
}

/* 过渡效果 */
body, html {
  transition: background-color 0.3s, color 0.3s;
}/*# sourceMappingURL=theme.css.map */